
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">


    <h:form id="form">  
        <p:messages   showDetail="true" severity="fatal, error" autoUpdate="true" closable="true" />
        <p:dataTable id="tablaVenta"
                     rowKey="#{venta.codigoProducto}"
                     paginator="true"  
                     paginatorTemplate="{CurrentPageReport} 
                     {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                     rows="20" 
                     rowsPerPageTemplate="10,20,50,100"
                     style="width: 70%"
                     var="venta" 
                     value="#{managedBeanVenta.ventas}"
                     selection="#{managedBeanVenta.selectedVenta}" 
                     selectionMode="single" 
                     emptyMessage="No se encontraron resultados."
                     filteredValue="#{managedBeanVenta.ventasFiltradas}">  

            <p:ajax event="rowSelect" update=":form:display"/>

            <p:column  headerText="Nombre cliente" sortBy="#{venta.rutCliente.nombreCliente}" filterBy="#{venta.rutCliente.nombreCliente}">
                <h:outputText value="#{venta.rutCliente.nombreCliente}"/>
            </p:column>       

            <p:column headerText="Producto" sortBy="#{venta.codigoProducto.nombreProducto}" filterBy="#{venta.codigoProducto.nombreProducto}">  
                <h:outputText value="#{venta.codigoProducto.nombreProducto}"/>
            </p:column> 
            <p:column headerText="Cantidad(fardos)" sortBy="#{venta.cantidadVenta}" filterBy="#{venta.cantidadVenta}">  
                <h:outputText value="#{venta.cantidadVenta}"/>
            </p:column> 
            <p:column headerText="Fecha" sortBy="#{venta.fechaVenta}" filterBy="#{venta.fechaVenta}">  
                <h:outputText value="#{venta.fechaVenta}">
                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                </h:outputText>
            </p:column> 
            <f:facet name="footer">
                <p:commandButton id="botonModificar" value="Modificar"  icon="modificar-icon" update=":form:display"  oncomplete="dialogoModificar.show();" />
            </f:facet>
        </p:dataTable>  
        <p:dialog id="dialogoModal"  header="Modificar Venta" widgetVar="dialogoModificar" resizable="false"
                  width="300" showEffect="clip" hideEffect="fold">
            <h:panelGrid id="display" columns="2">
                <h:outputText  value="Nombre cliente: "/>
                <p:selectOneMenu style="width: 100%" label="Rut cliente" filterMatchMode="startsWith" filter="true" id="rut" required="true" value="#{managedBeanVenta.selectedVenta.rutCliente.rutCliente}">
                    <f:selectItem  itemLabel=""/>
                    <f:selectItems value="#{managedBeanCliente.clientes}" var="cliente" itemLabel="#{cliente.rutCliente}" itemValue="#{cliente.rutCliente}"/>
                </p:selectOneMenu>
                <h:outputText value="Producto "/>
                <p:selectOneMenu style="width: 100%" id="codigoProducto" label="Código producto" required="true" value="#{managedBeanVenta.selectedVenta.codigoProducto.codigoProducto}">  
                    <f:selectItem itemLabel=""/>  
                    <f:selectItems value="#{managedBeanProducto.productos}" var="producto" itemValue="#{producto.codigoProducto}" itemLabel="#{producto.codigoProducto} (#{producto.nombreProducto})"/>
                </p:selectOneMenu>
                <h:outputText value="Cantidad(fardos): "/>
                <p:inputText value="#{managedBeanVenta.selectedVenta.cantidadVenta}" />
                <h:outputText value="Fecha: "/>
                <p:calendar  navigator="true" locale="es" value="#{managedBeanVenta.selectedVenta.fechaVenta}" pattern="dd-MMMM-yyyy">

                </p:calendar>
                <f:facet name="footer" >
                    <p:commandButton ajax="false" value="Aceptar" icon="ui-icon-check" style="float: right"  action="#{managedBeanVenta.modificarVenta()}" oncomplete="dialogoModificar.hide()" update="tablaVenta" >
                        
                    </p:commandButton>


                </f:facet>
            </h:panelGrid>
        </p:dialog>
    </h:form> 

</html>

